// 导入 ReactDOM
import ReactDOM from 'react-dom/client';

// 导入列表组件
// import CommentList from './评论列表V2/CommentList';
// // 导入受控组件
// import { ControlForm } from './ControlForm';
// // 其他受控组件
// import { ControlForm2 } from './ControlForm2';
// 原生DOM的操作
// import { RefUsage } from './09-RefUsage';
// 组件通讯
// import Parent from './03-组件通讯/Parent';
// import List from './03-组件通讯/List';
// import Parent2 from './03-组件通讯/Parent2';
// import { App } from './04-兄弟组件通讯/App';
// import App from './05-跨组件通讯/App';
// import { App } from './评论列表V3/App';
// import { Hello } from './06-children属性/Hello';
// import { World } from './06-children属性/World';
// import { Consumer } from './06-children属性/Consumer';
// import { NavBar } from './06-children属性/NavBar';
// import { App } from './07-生命周期/App';
// import { App } from './评论列表V4/App';
// import { App } from './评论列表V5/App';
// import { Counter } from './08-setState的进阶使用/Counter';
// import { App } from './09-Hooks/01-UseStateCpnt';
// import { Parent } from './09-Hooks/02-UseState执行过程演示';
// import { App } from './09-Hooks/03-useEffect的使用';
// import { App } from './09-Hooks/04-useEffect只执行一次';
// import { Parent } from './09-Hooks/05-useEffect返回清理函数';
// import { App } from './09-Hooks/06-useEffect清理函数执行时机2';
// import { App } from './09-Hooks/07-useEffect中发起异步请求';
import { App } from './09-Hooks/08-useRef的使用';

// 创建渲染根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

// 渲染这个标签（React 元素）
root.render(
  <div>
    <App />
  </div>
);
